<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">	
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="css/bgsl.css" />
	<link rel="stylesheet/less" type="text/css" href="css/stylesb.css" />
</head>
<body>
	<div class="f-bgSlider">
		<ul class="bgsl">
			<li>
				<img src="img/slider1-1.jpg" alt="">
			</li>
			<li>
				<img src="img/slider2-2.jpg" alt="">
			</li>
			<li>
				<img src="img/slider3-3.jpg" alt="">
			</li>
			<li>
				<img src="img/slider4-4.jpg" alt="">
			</li>
		</ul>
	</div><!-- f-bgSlider -->
	<div class="f-wrapper">
		<div class="f-header">
			<div class="logo">
				<img src="img/fructa-logo2.png" >
			</div>
		</div><!--end header-->
		<ul class="f-menu">
			<li class="products">
				<div class="icon"></div>
				<a href="#">Products</a>
				<div class="inner-text">
					<a href="#">Juice NFC</a>
					<a href="#">Juice Concentrate</a>
					<a href="#">Purees</a>
					<a href="#">Aromas</a>
				</div>
			</li>
			<li class="company">
				<div class="icon"></div>
				<a href="#">Company</a>
				<div class="inner-text">
					<p>We are part of the german riha Richard Hartinger Beverages Group, which produces non alcoholic beverages since 1934 and today has own operations in 7 countries of the world.</p>
				</div>
			</li>
			<li class="quality">
				<div class="icon"></div>
				<a href="#">Quality</a>
				<div class="inner-text">
					<p>We are focused on product safety and excellent quality, thus by utilizing the most advanced processing, filling and distribution systems.</p>
				</div>
			</li>
			<li class="sostainability">
				<div class="icon"></div>
				<a href="#">Sostainability</a>
				<div class="inner-text">
					<p>We are interested in the nature conservancy. Our social responsability, quality and food safety commitment, has taken us to the implementation of HACCP plans and strict international norms.</p>
				</div>
			</li>
			<li class="contacts">
				<div class="icon"></div>
				<a href="#">Contact</a>
				<div class="inner-text">
					<p>Please do not hesitate in contacting us. Your satisfaction is our priority.</p>
				</div>
			</li>
		</ul><!--end header-->
	</div>
	<div class="f-footer">
		<p>
			Copyright © 2013 FructaCR S.A., All Rights Reserved
		</p>
	</div><!--end header-->
	<script src="js/less.js" type="text/javascript"></script>
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/bg-slider.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('.f-bgSlider').bgsl();	

		$(".f-menu li:nth-child(even)").mouseenter(function() {
			$(this).css("background-color","#FFC627");
			$(this).children(".inner-text").slideDown( "fast");
			$(this).children(".icon").animate({'top': '-100px','height':'100px'}, 200);
		});

		$(".f-menu li:nth-child(even)").mouseleave(function() {
			$(this).css("background-color","#6B963E");
			$(this).children(".inner-text").slideUp( "fast");
			$(this).children(".icon").animate({'top': '0px','height':'50px'}, 200);
		});

		$(".f-menu li:nth-child(odd)").mouseenter(function() {
			$(this).css("background-color","#FFC627");
			$(this).children(".inner-text").slideDown( "fast");
			$(this).children(".icon").animate({'top': '-100px','height':'100px'}, 200);
		});


		$(".f-menu li:nth-child(odd)").mouseleave(function() {
			$(this).css("background-color","#C4D868");
			$(this).children(".inner-text").slideUp( "fast");
			$(this).children(".icon").animate({'top': '0px','height':'50px'}, 200);
		});

	});
</script>
</body>
</html>
